<template>
  <div class="order">
    <div class="header">
       <div  v-for="(item,index) in header" :key="index">{{item}}</div>
    </div>
    <div class="list" v-for="(item,index) in list" :key="index">
      {{item}}
    </div>
   
  </div>
</template>

<script>
export default {
  data() {
    return {
      header:['全部','带消费','待评价','退款'],
      list:['纯手工饺子','唐久便利','水果']
    }
  }
}
</script>

<style lang="scss" scoped>
.order {
  // background-color: lightsalmon;
  // height: 300px;
  // line-height: 300px;
  // text-align: center;
}
.header div{
  float: left;
  margin-top: 10px;
  margin-right: 15px;
}
.list{
  width: 100%;
  height: 150px;
  background: pink;
  margin-top: 10px;
}
</style>